<template>
  <div class="commod_con">
    <div class="commod_up">
      <div class="commod_banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="../../static/image/qiche_test.jpg" alt="">
            </div>
            <div class="swiper-slide">
              <img src="../../static/image/qiche_test.jpg" alt="">
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
        <Goback></Goback>
        <div class="C_banner_info">
          <span class="text">车源号 <span>HC-10840283</span></span>
        </div>
      </div>
      <!--详情页焦点图-->
      <div class="commod_car_nameinfo">
        <p class="C_car_name">{{car_name}}</p>
        <div class="C_car_tab">
          <span>超值</span>
          <span>商户</span>
          <span>个人</span>
          <span>0过户</span>
          <span>0过户</span>
          <span>0过户过户</span>
          <span>0过户</span>
        </div>
        <div class="C_owenr_insured">
          <span class="insured1">车主报价 <span><b>5.40</b>万</span></span>
          <span class="insured2"><s>新车含税8.5万</s></span>
        </div>
        <div class="C_dk_info">
          <p>首付 <span>1.62</span>万 月供<span>1433</span>元</p>
        </div>
      </div>
      <!--名字信息-->
    </div>
    <div class="commod_fwbz_con">
      <div class="commod_titles">
        <p>服务保障 <span class="min_text">基本服务保障</span></p>
      </div>
      <ul>
        <li>
          <span class="iconfont icon-roundcheck"></span>
          1年2万公里质保
        </li>
        <li>
          <span class="iconfont icon-roundcheck"></span>
          14天可退
        </li>
        <li>
          <span class="iconfont icon-roundcheck"></span>
          259项检测
        </li>
      </ul>
    </div>
    <div class="commod_jbxx">
      <div class="commod_titles">
        <p>基本信息</p>
      </div>
      <ul class="C_jbxx_list">
        <li>表现里程数: <span>3.2万公里</span></li>
        <li>上牌时间: <span>2015-12</span></li>
        <li>牌照归属: <span>大庆</span></li>
        <li>排放标准: <span>国四</span></li>
        <li>变速箱: <span>手动</span></li>
        <li>排量: <span>1.4L</span></li>
        <li>过户次数: <span>0</span></li>
        <li>看车地址: <span>萨尔图</span></li>
      </ul>
    </div>
    <!--基本信息-->
    <ul class="commod_img_info">
      <li>
        <img src="/static/image/qiche_test.jpg" alt="">
        <p><span>正面:</span>漆面保持比较好，车身结构无修复，无重大事故</p>
      </li>
      <li>
        <img src="/static/image/qiche_test.jpg" alt="">
        <p><span>正面:</span>漆面保持比较好，车身结构无修复，无重大事故</p>
      </li>
      <li>
        <img src="/static/image/qiche_test.jpg" alt="">
        <p><span>正面:</span>漆面保持比较好，车身结构无修复，无重大事故</p>
      </li>
      <li>
        <img src="/static/image/qiche_test.jpg" alt="">
        <p><span>正面:</span>漆面保持比较好，车身结构无修复，无重大事故</p>
      </li>
      <li>
        <img src="/static/image/qiche_test.jpg" alt="">
        <p><span>正面:</span>漆面保持比较好，车身结构无修复，无重大事故</p>
      </li>
    </ul>
    <!--图文信息-->
    <div class="commod_footer_btn">
      <a href="">预约看车</a>
    </div>
  </div>
</template>
<style scoped>
  .swiper-pagination {
    text-align: right;
    padding-right: 5px;
    color: #ffffff;
    font-size: 12px;
  }
</style>
<script>
  import Swiper from '../../static/javascript/swiper.min'
  import '../../static/javascript/swiper.min.css'
  import Goback from '../assembly/Goback.vue'
  export default{
    data(){
      return {
        msg: 'hello vue',
        workid: '',
        car_name:'起亚K2 2015款 三厢 1.4L MT GLS'
      }
    },
    components: {
      Goback
    },
    mounted(){
      var mySwiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationType: 'fraction'
      })
    },
    created: function () {
//      window.scrollTo(0,0);
//      console.log(this.$router.query.workid)
      this.fetchData()
      document.title='大庆二手车'+this.car_name
    },
    methods: {
      fetchData () {
        console.log(this.$route.params.workid)
      }
    }


  }
</script>
